/*
Theme Name: Keatley Photo
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Keatley Photo is a modernized take on an ever-popular WordPress layout � the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
 


  
@font-face {
    font-family: 'DINNextLTPro'; 
    src: url('http://www.keatleyphoto.com/wp-content/themes/Keatley%20Photo/fonts/DINNextLTPro.eot'); /* IE9 Compatibility Modes */
    src: url('http://www.keatleyphoto.com/wp-content/themes/Keatley%20Photo/fonts/DINNextLTPro.eot') format('eot'),  /* IE6-IE8 */
    url('fonts/DINNextLTPro.otf') format('otf'), 
    url('fonts/DINNextLTPro.ttf') format('truetype'); /* Safari, Android, iOS */
    }

  /*global*/
  

html{overflow-y: scroll;}  
html, body{ width: 100%;  height: 100%;font-family: 'DINNextLTPro' , sans-serif; color:#000;     font-size: 14px;}
.white_bg{ background: #fff}
.position_relative{ position: relative}

a{color:#000;}
h3{ font-size: 18px; color: #999; text-transform: uppercase; margin: 0 0 5px }
.paddingtop40{ padding-top: 40px}
.paddingtop20{ padding-top: 12px}
.paddingtopcon{ padding-top:18px;    padding-left: 2px;}
.paddingbottom35{ padding-bottom: 35px}
.paddingbottom15{ padding-bottom: 15px}
.padding_left5{ padding-left: 10px}
.margin_top20{    margin-top: 20px;}.margin_bottom20{    margin-bottom: 20px;}
.margin_top40{    margin-top: 40px;}
.margin_top30{    margin-top: 30px;}
.no_margin_btm{    margin-bottom: 0;}

ul{ padding-left: 0; margin-bottom: 25px}
ul li{ list-style: none; padding: 3px 0}

  /*global*/
  



.middle_wrapper{ height: 100%;}
.logo{ padding-bottom: 30px;    width: 160px;    padding-left: 20px;}
.navigation{ left: 0; height: 100%; position: fixed; padding-top: 40px;    padding-left: 20px; background: #fff;}
.navigation ul{ marging:0; padding: 0}
.navigation  li{ display: block; float: none;   padding-left: 20px; text-transform: uppercase;padding-bottom:10px; }
.navigation li a{ font-weight: normal; color:#000000; font-size: 12px; display: block; }
.navigation li a:hover, .navigation li a:active, .navigation li a:focus{ text-decoration: none; outline:0!important;}
 
 


.navigation .dropdown-menu{ position: relative; width: 100%; border: 0; box-shadow: none; margin: 10px 0  0px; float:none}
.navigation .dropdown-menu li{ margin-bottom: 0; line-height: 18px;    padding: 3px 0 3px 10px;}
.navigation .dropdown-menu li a{ color:#000;    padding: 0px 0 0 10px ; border-left: 1px solid transparent ;}
.navigation .dropdown-menu li a:hover, .navigation .dropdown-menu li a.active{ border-left: 1px solid #ff0000; background: none;}
 


.navigation .dropdown-menu .active{ margin-left: 0}



.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{ background: none; color:#000}
.navigation li.active{ margin-left: -10px}
.navigation  li.active a  { border-left: 1px solid #ff0000!important; background: none; padding-left: 10px}
 
 .caretleft:after {display: inline-block;  width: 0;  height: 0;   vertical-align: middle; 
          content:"\e014" ;font-family: 'Glyphicons Halflings'; position: absolute;    margin-top: 1px;     margin-left: 6px;}
.removecaret.caretleft:after{content: ''; position: static}
.open{ display:block}
.trigger { cursor: pointer}

.selected{ margin-top: -55px}
.selected a{color:#ccc!important}


.right_content{ overflow-y: visible;position: absolute; right: 0; width: 85%; top:0;    padding-bottom: 50px;}
.right_contentinner{ right: 5px ;padding-bottom: 55px;}
 
.gallery ul{ margin: 0; padding: 0;}
.gallery li{ display: inline-block;    float: left; list-style: none; padding: 5px; width: 190px; height: 190px; }
.gallery img{ width: 100%;height: 100%;}
.title_black{ font-size: 18px; color: #000;    padding-left: 9px;}
.imgRow {clear: both;}
.imgRow img { float: left;padding: 5px;}

.footer{ background: #000; color:#fff;padding: 0; text-transform: uppercase;    margin-top: 20px;z-index: 9;position: fixed;bottom: 0;width: 100%;height: 44px;}
.footer a{ color:#fff;}
.footer ul{ margin: 0}
.footer li{ font-size: 12px}

.footer .right_content { background: #000;}

.copyright{ float: left;margin-top: 15px}
.copyright li{ padding-right: 20px;padding-left: 10px;}
.copyright li:last-child{ padding-right: 0;}

.newsletter{ float: left; margin-top: 13px;    padding-left: 23%;}
.btn_new{ border: 1px solid #fff; padding: 5px 10px}

.socialmedia_icon{ float: right;    padding-right: 10px;}
.socialmedia_icon a{ display: inline-block} 
.socialmedia_icon i{ font-size: 20px;margin-top: 7px;}


.small_img, .medium_img{ width: 50%; float: left;height: 195px;}
.large_img{ width: 100%}
.large_img:before,  .large_img:after{display: table; content: " ";    clear: both;}
.mobile_view_contact{ display: none}
.mobile{ display: none;}



.biotext p{ margin-bottom: 30px;}
.text_bold{ font-weight: bold;}
.title_head{    margin-top: 20px; font-weight: bold;}
.spacer_20{ height: 20px;}.spacer_40{ height: 40px;}

.crafted{ padding-right: 130px!important;}
.crafted i{color:#AF8E11; padding: 0 5px}

 .gallery a .graytext,  .gallery a .readmore{ display: none;}
/*.gallery a h2{     font-size: 12px;  text-align: center;  display: block;  float: none;}*/

.img_full{ width: 100%}

 
.learnmore{ padding: 0; text-transform: uppercase}
.text_line{ text-decoration: line-through}
.sold_out del{ color:#ff0000;}.sold_out ins{ color:#ff0000; text-decoration: none; text-transform: uppercase; padding-left: 5px}
.sold_out del span{ color:#000}

.header_h4{ text-transform: uppercase; position: relative; padding-bottom: 10px; margin: 0; font-size: 15px}
.header_h4:after{ content: ''; height: 1px; background: #000; width: 35px; display: block; margin-top: 7px}

.survival_section{ margin-top:  -19px;}
.tabcustom li{ display: inline-block; font-weight: bold; padding: 20px 60px 20px 0}
.tabcustom li:last-child{ padding-right: 0}
.tabcustom li a{ padding: 0px  ; border-bottom: 1px solid #fff}
.tabcustom li a:hover, .tabcustom li a:active, .tabcustom li a:focus{ background: none; border-bottom: 1px solid #ff0000}
 .tab-content{ margin-top: 15px}
.scroll_div{ height: 800px; padding-bottom: 50px}
.scroll_nav{ height: 100%}
.embed-container iframe{margin-top: 0 !important;}
.embed-container{margin-bottom: 1em;}


.navigation .dropdown-menu .activa{border-left: 1px solid #ff0000!important;background: none;padding-left: 10px;}

.woocommerce .products ul, .woocommerce ul.products{padding: 2em;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
     color: #FFFFFF;
    background-color: rgb(0, 0, 0);
    font-weight: 100;
    text-transform: uppercase;font-size: 11px;
    
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
    background-color: #315E59;
    background-image: none;
    color: #FFFFFF;
}
.woocommerce-result-count{padding-left: 2em !important;}
.woocommerce-ordering{padding-right: 2em !important;}
.woocommerce div.product form.cart .variations label{
    font-weight: 100;
    color: black;
    font-size: 14px;

}

.padding_left_right15{padding-left: 15px;padding-right: 15px;}
.woocommerce div.product form.cart .variations select,.woocommerce .woocommerce-ordering select{
    background-color: transparent;
    border-radius: 3px;
}

.products h3{color:#333;}
.woocommerce ul.products li.product .price{color: green;font-size: 1em;}
.product img{    background: #fff;
    padding: 6px;
    border: 1px solid #D8D3D3;}


.woocommerce div.product .woocommerce-tabs ul.tabs li{background-color: #000000;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-weight: 100;color: #FFFFFF;}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a{color:#FFF;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:hover a{color:#000;}
.woocommerce div.product .product_title{color: #000;}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images
{width: 28%;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary
{width: 68%;padding-right: 1em;}
.woocommerce div.product .images, .woocommerce-page div.product .images {
pointer-events: none;
}


#joinNow .modal-title {    font-size: 27px;   text-transform: uppercase;}
#joinNow .close {    font-size: 27px;     margin-top: 5px;}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.blogimg img{ height: 200px; margin: auto ; border-radius: 10px;   box-shadow: 1px 2px 7px #ccc;width: 100%;}
.blogimg{text-align: center; padding: 15px; border-radius: 5px; margin-bottom: 15px; position: relative}
 
.hvr-float-shadow {
  display: inline-block;vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); 
  position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px); transform: translateY(-5px); background: #eee; /* move the element up by 5px */}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.img-center img{text-align: center;max-width: 100%} 
/*.addtoany_shortcode{text-align: right;width: 100%; display: none;}*/
.a2a_button_facebook_like{float: left !important;}

.comment-respond em{text-transform: lowercase;
    font-style: italic;
    font-size: .9em;
    color: #232323;
    }
.comment-respond label{font-weight: 100;}
.comment-respond div{margin-bottom: 15px;}
    
#faq ul {margin-bottom: 0;    padding-left: 15px;}
#faq ul li{    cursor: pointer;
    margin: 12px 0;
    color: #888;
    list-style-type: square;
    font-size: 16px;}
#reviews ul li{    color: #888;
    list-style-type: none;
    font-size: 16px;
    width: 100%;
    text-align: right;
    margin-bottom: 40px;
    margin-top: 0px;
    padding-top: 0px;}
    
#reviews ul li:before{    content: " - ";}

.left_photo{ margin-left: -3px}
    
 
 
 .blog-entry{line-height: 160%;
    margin-bottom: 40px;
    position: relative;}
 
 .blog-entry .dates span, #featured .dates span{font-size: 24px;}
 
 
.dates{    background: url(../keatley/images/slash.png) no-repeat left;
    height: 40px;
    padding-left: 23px;
    padding-top: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    right: 0;    line-height: 18px;
    font-size: 12px;
}
.blog-entry h2{    margin-bottom: 3px;
    font-size: 18px;
    margin-right: 100px;text-transform: uppercase;}
.blog-entry h3{    margin-bottom: 20px;
    font-size: 11px;
    margin-right: 100px;text-transform: uppercase;}

.blog-content iframe{max-width: 100%;}
.meta{    background: #f4f4f4;
    color: #666;
    font-size: .94em;
    padding: 10px 15px 0;}
.social{margin-top: 10px;
    position: relative;}

.actions{    border-bottom: 1px solid #e3e3e3;
    /* border-top: 1px solid #e3e3e3; */
    font-family: ff-din-web-pro-1,ff-din-web-pro-2,Helvetica,Arial,sans-serif;
    font-size: 14px;
    text-align: right;
    text-transform: uppercase;
    margin: 1em 0;
    padding: 0 0 30px;}
    
.blogpage{ padding-top: 0}
#sidebar_blog h4{    font-size: 20px;
    font-weight: 400;
    margin: 0 0 .65em;
    padding: 10px 0 0 0;text-transform: uppercase;}
#sidebar_blog ul{list-style: none;
    margin: 0;
    padding: 0;}
#sidebar_blog ul li{    }
#sidebar_blog ul li a{}
#sidebar_blog{margin-top: 15px;}
#sidebar_blog div{line-height: 1.4em;
    border: 0;
    padding-bottom: 1em;
    border-bottom: 1px solid #e3e3e3;
    margin: 0;
    width: 100%;}


input[type="search"]{    /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
    font-size: 1em;
    border: 1px solid #ccc;
    color: #000;
    background: #fff;
    margin: 0 0 10px;
    font-weight: 100;
        padding: 5px 8px;

}

input[type="search"]:focus{color: #fff;
    background: #232323;
    border-color: #232323;}
    
.fullimg img{width: 100%;    height: auto;}
    
    
    
    
    
    .caption span{  height: 100%; width: 100%}
    .caption .addtoany_shortcode{display: none;    vertical-align: middle;    position: absolute;    top: 43px;}
    .addtoany_list {    width: 100%!important;  display: table-cell!important;    vertical-align: middle;}
    .caption .title,     .caption h2 {    display: flex; justify-content: center; align-items: center;height: 100%; font-size: 20px!important; margin: 0 }
    .addtoany_list a img{-webkit-filter: grayscale(100%);  filter: grayscale(100%);}
    
    #details iframe{max-width: 100%;  margin-bottom: 15px;}
    #details ul{margin-bottom: 10px;}
    #photos .gallery.thumbnailgallry{    -moz-column-count: 2;
    -moz-column-gap: 0;
    -webkit-column-count: 2;
    -webkit-column-gap: 0;
    column-count: 2;
    column-gap: 0;}
    
    
     #joinNow .modal-content{ border-radius: 10px; padding: 50px 20px; border: 3px solid #000; text-align: center}
/*     #joinNow .modal-content:before{ position:  absolute; content: '';  background:url(images/top_lt.png)no-repeat center bottom; height: 74px; background-size: 100%;    width: 91%; display: block;    top: -93px;} */
 #joinNow .close{ position: fixed; right: 20px; top:20px; opacity: 1;}
 .modal-backdrop{ background: #fff;}
 .modal-backdrop.in{    opacity: 0.7;}
  #joinNow .btn-success{    color: #fff;  background-color: #000000;  border-color: #000000;}
  
  .nop p{ margin: 0}
  .fancybox-title .addtoany_shortcode{ display: none;}
#wpcp-error-message{ display: none;}

.left_mns_align { margin-left: -15px;}
.blog-entry   img{ width: auto; max-width: 100%;pointer-events:none;}

.thumbnailgallry{ padding-right: 10px}
.thumbnailgallry a{ display: inline-block; width: 100%; height: 100%; margin: 5px 0;    position: relative; }
.thumbnailgallry a img{ max-width: 100%; height: auto}
.thumbnailgallry .pdnng{ padding-left: 5px!important;  padding-right: 5px!important;}
 .thumbnailgallry .caption{display: flex; opacity: 0;
    position: absolute;
    top: 0;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.59);
    left: 0;
    right: 0;
    margin: 0;
    color: white;
    font-size: 17px;
    font-weight: 300;
    width: 100%;
    height: 100%;   
    align-items: center;
    justify-content: center;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}
 .thumbnailgallry a:hover  .caption{  opacity: 1;}
 
 
 
 .free-wall {height: 102%;margin: 15px;
}
@keyframes start {from {transform: scale(0);}
				to { transform: scale(1); }
}
@-webkit-keyframes start { from {
                    -webkit-transform: scale(0);
                }
		 to {
                 -webkit-transform: scale(1);
                }
}
.free-wall .cell[data-state="init"] {
display: none;
}
.free-wall .cell[data-state="start"]  {
display: block;
animation: start 0.5s; -webkit-animation: start 0.5s;
}
.free-wall .cell[data-state="move"]  {
transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
				-webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
}
.free-wall .cell{ background-size:100% 100%;}


.free-wall  .caption {   
    position: absolute; opacity: 0;
    top: 0;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.5); transition: all ease 0.5s;
    left: 0;
    right: 0;
    margin: 0;
    color: white;
    font-size: 17px;
    font-weight: 300;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.free-wall .cell:hover .caption{ opacity: 1;}

 .fancybox-wrap .readmore, .fancybox-wrap .readmore a{font-size: 12px;}

.galleryim img{ width:100%; height:100%}
 

@media(max-width:1600px){
  .right_content{float: right; width: 84%;} 
  .newsletter{ padding-left: 19%}
  .footer li{    font-size: 11px;}
  .tabcustom li{    padding: 20px 11% 20px 0;}
  

}

@media(max-width:1500px){  
   .navigation{ width: 21%;}
    .right_content{float: right; width: 80%;} 
    
}

@media(max-width:1300px){
    .navigation{padding-right: 20px;    width: 21%;} 
.newsletter {  padding-left: 16%;}
.crafted { padding-right: 71px!important;}
 

  
}

@media(max-width:1199px){
    .right_content{float: right; width: 80%;}
  .newsletter {  padding-left: 105px;}
.crafted { padding-right:  5px!important;}
}

@media(max-width:1024px){
  .right_content{    width: 78%;}   
}

@media (min-width:1040px) and (max-width:1100px){ 
  .copyright li{    padding-right: 4px;}
}

@media (min-width:1025px) and (max-width:1040px){ 
 
  .copyright li{    padding-right: 10px;}
  .newsletter{    padding-left: 30px;}
  .crafted { padding-right: 52px!important;}
}

@media (min-width:993px) and (max-width:1024px){ 
 
  .copyright li{    padding-right: 7px;}
  .newsletter{    padding-left: 20px;}
  .crafted { padding-right: 20px!important;}
}
 


 
@media(max-width:992px){
   .logo {padding-bottom: 20px;} 
 
  .dropdown-menu li{ display: block; padding-left: 0!important}
     .middle_wrapper{    height: auto;  }
   .right_content{position: relative;  width: 80%;}  
   .imgRow img{ padding: 5px}
   
 
    .newsletter{    padding-left: 10px;}
    .copyright li{    padding-right:1px!important;}

  .navigation{ width: 25%;}
   .right_content{width: 75%;} 
   
   .thumbnailgallry{ padding-right: 0}
  

     
}

@media(max-width:990px){
    .fancybox-nav{ z-index: 9999!important}
    .fancybox-nav span{bottom: -73px; top: auto!important;}
    .fancybox-prev{left: auto!important; right: 59px;}
}

@media(max-width:767px){

.footer{position: relative;height: auto;}
.copyright{width: 100%;text-align: center;}
.newsletter{text-align: center;width: 100%;}
.socialmedia_icon{padding-right: 0;text-align: center; float: none;}
.copyright li{padding-right: 0;display: block;}
.newsletter li{padding-right: 0;padding-left: 0;}
   .overlay{padding-top: 50px;}
    .desktop{ display: none;}
      .mobile{ display: block;}
      .crafted{padding-right: 0!important;}
      
      .logo{ float: left;    position: absolute;    left: 20px; padding: 0; margin-top: 7px;     width: 115px;}
      .subtitle{width: 107px; display: inline-block;  color: #8E8E8E; text-transform: uppercase; vertical-align: middle; position: relative; }
      .disapear{ display: none;}
      .overflow{ overflow: hidden}
      
    .overflow .middle_wrapper{ height: 100%}  
  .navigation{ padding: 10px 0; left: 0; padding-left: 0; height: auto; position: static;    width: 100%;} 
  .scroll_nav{ height: auto}
    .navigation li{ display:  block;    text-transform: capitalize;}  
   .fullnavigation{ height: 100%; width: 100%; min-height: 100vh; background: #fff; position: fixed; overflow-y: scroll;    z-index: 9999999;}
    .right_content{width: 100%;}  
      
       .mobile_view_contact{ display: block!important; text-align: left!important;  margin-left: 20px;  margin-top: 70px;    text-align: left;    font-size: 20px;}
          .mobile_view_contact > a{padding-left: 0!important;font-size: 20px!important;}    
          .mobile_view_contact li{ float: left; display: block!important;   text-align: left!important;}
            .mobile_view_contact li a{padding: 5px 0!important;    font-size: 20px!important;}
              .mobile_view_contact i{    font-size: 40px;    color: #303030;}
     
          .dl-menuwrapper{ max-width: 100%!important;    text-align: right;}
      .dl-submenu{ margin-top: -35px!important;}  
    .dl-menuwrapper button.dl-active:after{ font-size: 32px; content:"\f00d"; color: #ccc; background: none;    font-family:FontAwesome;box-shadow: none; height: auto;  text-indent:initial;}
    .dl-menuwrapper .dl-submenu li a{ font-size: 20px}   

  .dl-back{ background: none;text-align: left!important;}
  .dl-back a{ color: #ccc!important;}
 .dl-menuwrapper li.active{ margin-top: -49px;} .dl-menuwrapper li.active a{ font-size: 30px; color:#ccc} 
   
 
   .right_content  { margin: 0;   padding-left:10px; padding-right:10px; padding-top:0px;}.dl-menuwrapper{    padding-right: 12px!important;}
   .imgRow { clear: inherit;} 
   .gallery li{ width: 100%; height: auto}
   .title_text{ padding-top: 20px}
   .inner_header{ padding-bottom: 20px}
  
    
   
   .newsletter    li{ display: block; padding: 10px 0}
   .newsletter{ padding-left: 0}
   
   .container{ padding-left: 20px; padding-right: 20px}
   
   .pp_fade{ margin-top: 0!important;}

   .survival_section, .wokshop_survival_right{ margin-top: 20px;}
   
   
   .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding-left: 10px; padding-right: 10px}
 
  
}
@media(max-width:480px){
    .mobile_view_contact li:first-child{ float: none!important; display: block}
    .tabcustom li{padding: 5px 6% 5px 0;}    
     
    
}

@media(max-width:360px){    
    .tabcustom li{padding: 5px 5px 5px 0;}    
}

@media(max-width:830px){
 .footer li{ padding-left: 2px; padding-right: 2px}
 .socialmedia_icon{ padding: 0; margin-top: 2px!important}
}